#container {
  background-color: #ddd;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width:400px;
  height: 400px;
  user-select: none;
  margin-top: 30px;
}
#container .row{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height: 5%;
}
#container .row .toShow{
  /* z-index: -1; */
  opacity: 0.5;
}
.tile {
  border: 1px solid #3f51b51f;
  height: 20px;
  width: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tile:hover {
  border: 1px solid #d50000;
}
/* 墙 */
.tile-1 {
  background-color: #e4b418;

}
/* 开始 */
.tile-2 {
  background-color: #2e7d32;

}
/* 结束 */
.tile-3 {
  background-color: #b71c1c;

}
/* 空地 */

.tile-4 {
  background-color: #ddd;

}

.toolbar {
  margin-bottom: 10px;
}
.mazify-editor{
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mazify-editor .description{
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mazify-editor .description .des-item{
background-color: #dad742;
font-weight: 200;
}
.mazify-editor .panel{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.mazify-editor .line{
  width: 300px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.mazify-editor .line .left{
  display: flex;
  flex-direction: row;
}
.mazify-editor .line .left{
  display: flex;
  flex-direction: row;
}

.mazify-editor .line .btn {
  border: none;
  color: #fff;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
  margin: 4px;
  border-radius: 0;
}

.mazify-editor .btn-1 {
  background-color: #e4b418;
}
.mazify-editor .btn-2 {
  background-color: #2e7d32;
}
.mazify-editor .btn-3 {
  background-color: #b71c1c;
}
.mazify-editor .btn-4 {
  background-color: #ddd;
}


.mazify-editor .btn-teal {
  background-color: #009688;
}
.mazify-editor .btn-teal:hover {
  background-color: #80cbc4;
}

.mazify-editor .btn-active {
  outline: 4px solid #181717 !important;
}

.mazify-editor .btn:focus {
  outline: none;
}
